<template>
  <div class="date-picker-demo">
    <h3 class="title">基本</h3>
    <div>
      <p>value: {{ value }}</p>
      <p>
        <d-switch-list
          v-model="format"
          :datas="['YYYY-MM-DD', 'DDMMYYYY', 'YYYYMMDD']"
          @change="value = null"
        ></d-switch-list>
      </p>
      <d-date-picker v-model="value" :format="format"></d-date-picker>
    </div>
  </div>
</template>

<script>
export default {
  name: 'datePickerDemo',
  data () {
    return {
      format: 'YYYY-MM-DD',
      value: '2019-05-02'
    }
  }
}
</script>

<style lang="stylus" scoped>
// .date-picker-demo
</style>
